<template>
    <div>
      <div class="outbox">
        <router-link :to="'/logisticsProblem?help_type_id='+question.help_type_id" class="imgbox" style="border-right:1px solid #f5f5f5">
          <img :src='question.image' alt="">
          <p style="display:block;width:100%;color:#333333">{{question.name}} <img src="../../assets/next.png" alt="" style="width:14px;height:14px;margin-top:0px;vertical-align:middle"></p>
        </router-link>
        <span class="textBox" style="">
          <router-link :to="'/problemDetail?help_id='+item.help_id+'&page='+page+'&help_type_id='+question.help_type_id" v-for="(item,index) in question.list" :key="index" style="flex-direction: column;;display: flex;flex-wrap: wrap;justify-content: center;float:left;width:49%;height:50px;vertical-align:middle;padding-left:8px;color:#333333">{{item.title}}</router-link>
        </span>
      </div>
      <div class="blank"></div>
    </div>
</template>

<script>
    export default {
      name: "question",
      data(){
        return{
          page:1
          // question:{
          //   title:'sndbcvygve',
          //   help_type_id:9,
          //   name:'hjdsvh',
          //   list:[{
          //     title:'hjbdyg',
          //     help_id:9
          //   },
          //   {
          //     title:'hjbdyg',
          //     help_id:9
          //   }]
          // }
        }
      },
      props:['question'],
    }
</script>

<style lang="scss">
  .outbox{
    width:100vw;
    height:27vw;
    background:#fff;
    .imgbox{
      width:30.67vw;
      height:27vw;
      text-align:center;
      img{
        width:10.67vw;
        margin-top:5.6vw;
      }
    }
    .out{
      border-bottom:1px solid #f5f5f5;
    }
    .textBox{
      width:69.33vw;
      height:27vw;
      // text-align:center;
      p{
       /* width:34.19vw;*/
        width:49%;
        height:13.5vw;
        line-height:13.5vw;
        border:1px solid #f5f5f5;
        border-bottom:none;
        display:inline-block;
        font-size:15px;
      }
    }
  }
  .blank{
    height:4.53vw;
    width:100vw;
    background:#f5f5f5;
  }
</style>
